<template>
	<view class="">
		
		<view class="swiperTop">
			<view class="uni-padding-wrap">
				<view class="page-section swiper">
					<view class="page-section-spacing">
						<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
							<swiper-item v-for="(item,index) in  houseDetail.swiperList" :key="index">
								
								<image :src=siteUrl+item.image class="swiper-image" mode="" v-if="item.type=='img'?true:false"></image>
								<image :src=siteUrl+item.image class="swiper-image" mode="" v-else @click="play(houseDetail.house_info.Id)"></image>
								
							</swiper-item>
						</swiper>
					</view>
				</view>
			</view>
		</view>	
																
																
																
		<view class="content">
			<view class="tip">
				
			</view>
			<view class="con_head">
				<view class="name">
					{{houseDetail.house_info.title}}
				</view>
				<view class="address">
					{{houseDetail.house_info.location_near}}
				</view>
				<view class="price">
					{{houseDetail.house_info.price}} <text> 元/月</text>
				</view>
				<view class="tags">
					<view class="tag" v-for="(item,index) in houseDetail.tags" :key="index">
						{{item}}
					</view>
				</view>
				<view class="houseProperty">
					<view class="property">
						<view class="top">{{houseDetail.house_info.layout}}</view>
						<view class="bottom">户型</view>
					</view>
					<view class="property">
						<view class="top">{{houseDetail.house_info.house_area}}㎡</view>
						<view class="bottom">面积</view>
					</view>
					<view class="property">
						<view class="top">{{houseDetail.house_info.house_floor}}</view>
						<view class="bottom">楼层</view>
					</view>
					<view class="property">
						<view class="top">{{houseDetail.house_info.house_orientations}}</view>
						<view class="bottom">朝向</view>
					</view>
				</view>
			</view>
			<view class="con_mid">
				<view class="houseInfo">
					房屋简介
				</view>
				<view class="houseIntroduction">
					{{houseDetail.house_info.content}}
				</view>
				<view class="houseInfo">
					房间配置
				</view>
				<view class="houseConfig">
					<view class="configList" id="configList">
						<view class="configItem" v-for="(item,index) in houseDetail.configList" :key="index">
							<view class="top">
								<image :src=item.image mode=""></image>
							</view>
							<view class="bottom">
								{{item.name}}
							</view>
						</view>
					</view>
					<!--<view  class="configButton"><image src="../../../static/icon/detail-5.png" @click="checkDetail" mode=""></image></view>
				--></view>
				<view class="houseInfo">
					经纪人
				</view>
				<view class="host">
					<view class="left">
						<image :src=houseDetail.house_info.avatar mode=""></image>
						<view class='text'>{{houseDetail.house_info.nickname}}</view>
					</view>
					<view class="right">
						<navigator :url="'/pages/index/her?user_id='+houseDetail.house_info.user_id"  hover-class="navigator-hover">
						<view class="hostPage">
							他的主页
						</view>
						</navigator>
						
					</view>
				</view>
				<view class="houseInfo">
					看房记录
				</view>
				<view class="visitList">
					<view class="visitItem" v-for="(item,index) in houseDetail.visitList" :key="index">
						<view class="left">
							{{item.time}}
						</view>
						<view class="right">
							{{item.name}}
						</view>
					</view>
				</view>
			</view>
			
			<view class="con_bottom" v-if="test">
				<view class="status">
					已成交
				</view>
				<view class="statusTime">
					成交时间:{{agreementTime}}
				</view>
			</view>
			
			
			
			<view class="edit" v-else>
				
				
				<view class="left" v-if="test2" @click="edit(houseDetail.house_info.Id)">
					<image src="/static/icon/edit.png"></image>
					<view>编辑</view>
				</view>
								
				<view class="left" v-else>
					<image src="/static/icon/contact.png"></image>
					<view @click="tel(houseDetail.house_info.mobile)">联系经纪人</view>
				</view>
				<view class="mid" @click="agreement">上传合同</view>
				<view class="right" @click="visit">上传看房记录</view>
			</view>			
		</view>
		
		<s-popup custom-class="demo-popup" position="bottom" v-model="visible">
		  <view class="visit-nav">
			  <image src="/static/icon/return.png"></image>
			  <view class="title">添加看房记录</view>
			  <view class="submit" @click="submit">保存</view>		 		  
		  </view>
		  <view class="tips">请填写看房详情</view>		  
		  <view class="one">
			  <view>姓名</view>
			  <input ref="rentername" @input="inputRentername" :value="rentername" placeholder="请输入租客姓名">
		  </view>
		  <view class="one">
		  			  <view>联系方式</view>
		  			  <input ref="phone" @input="inputPhone" :value="phone" placeholder="请输入手机号">
		  </view>		  
		  <view class="one">
			  <view>看房时间</view>
			  <dy-Datetime-Picker class="time" :placeholder="placeholder" :maxDate="defaultMaxDate"
			   :minDate="defaultMinDate" :minTime="minTime" :maxTime="maxTime" @getData="getData" 
			   :type="timeType"></dy-Datetime-Picker>
		  </view>		  		  
		</s-popup>
		
		
		<s-popup custom-class="demo-popup" position="bottom" v-model="agreement_visible">
		  <view class="visit-nav">
			  <image src="/static/icon/return.png"></image>
			  <view class="title">上传合同</view>
			  <view class="submit" @click="agreement_submit">保存</view>		 		  
		  </view>
				  
		  <view class="one">
			  <view>租客姓名</view>
			  <input ref="deal_name" @input="inputDealname" :value="deal_name" placeholder="请输入租客姓名">
		  </view>
		  		  
		  <view class="one">
			  <view>入住时间</view>
			  <dy-Datetime-Picker class="time" :placeholder="placeholder" :maxDate="defaultMaxDate"
			   :minDate="defaultMinDate" :minTime="minTime" :maxTime="maxTime" @getData="getData_deal" 
			   :type="timeType"></dy-Datetime-Picker>
		  </view>		  
		  	<view class="burst-wrap">
		      <view class="burst-wrap-bg">
		          <view>
		              <!-- 信息提交 -->
		              <view class="burst-info">
		                  <view class="uni-uploader-body">
		                      <view class="uni-uploader__files">
		  						
		                          <!-- 图片 -->
		                         <block v-for="(image,index) in imageList" :key="index">
		                              <view class="uni-uploader__file comm">
		                                  <view class="icon iconfont icon-cuo" @tap="delect(index)"></view>
		                                  <image class="uni-uploader__img" :src="image" :data-src="image" @tap="previewImage"></image>
		                              </view>
		                          </block>
		  						
		  			
		                          <view class="uni-uploader__input-box comm" v-if="VideoOfImagesShow">
		                              <view class="uni-uploader__input" @tap="chooseVideoImage">合同上传</view>
		                          </view>
		  						
		  						
		                      </view>
		                  </view>
		  
		  
		              </view>
		          </view>
		      </view>
		  </view>		 	  
		</s-popup>		
		<mpopup  ref="mpopup" :isdistance="true"></mpopup> 
	</view>
	
</template>

<script>
	var _self;
	import sPopup from '@/components/s-popup/index.vue'
	import dyDatetimePicker from '@/components/lanxiujuan-dyDateTime/lanxiujuan-dyDateTime.vue'
	import mpopup from '@/components/xuan-popup/xuan-popup.vue'
	var sourceType = [
	        ['camera'],
	        ['album'],
	        ['camera', 'album']
	    ]
	export default{
		 components: {
		    sPopup,
			dyDatetimePicker,
			mpopup
		  },
		data(){
			return{
				siteUrl:this.websiteUrl,
				rentername:'',
				phone:'',
				deal_name:'',
				visible: false,
				agreement_visible:false,
				agreement_image:'',
				agreement_image_relative:'',
				test:true,
				test2:true,
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				houseDetail:[],
					
				childValue: '2013/10/12 03:30',
				placeholder: '请选择时间',
							
				defaultMinDate: new Date('2001/1/3').getTime(),
				defaultMaxDate: new Date('2050/12/31').getTime(),
				// 最小时间
				minTime: '10:00',
				// 最大时间
				maxTime: '23:59',
				// 默认时间
				defaultValue: 0,
				// 用于判断是否显示默认的时间， 只有当日期时间都有固定值才为true
				isShowDefaultValue: false,
				// 时间固定选项
				timeOptions: [],
				// 时间类型
				timeType: 'anyTime',
				// 间隔的毫秒
				timeIntervalMsec: 20,
				fixedTimeAarr: [],
				datetimeKey: new Date().getTime(),
				checktime:'',
				deal_time:'',
				
				imageList:[],//图片
				imageListServer:[],
				    src:"",//视频存放
				    sourceTypeIndex: 2,
				    checkedValue:true,
				    checkedIndex:0,
				    sourceType: ['拍摄', '相册', '拍摄或相册'],
				    cameraList: [{
				            value: 'back',
				            name: '后置摄像头',
				            checked: 'true'
				        },
				        {
				            value: 'front',
				            name: '前置摄像头'
				        },
				    ],
				    cameraIndex: 0,
				    VideoOfImagesShow:true,		
			}
		},
		onLoad:function(e){
			_self = this
			
			this.src = '',
			this.sourceTypeIndex = 2,
			this.sourceType = ['拍摄', '相册', '拍摄或相册']			
			this.gethouseDetail(e.house_id)			
		},
		methods:{
			edit($house_id){
				
				uni.redirectTo({
					url:"/pages/me/content/houseEdit?houseId="+$house_id
				})
				
				
			},
			play($Id){
				uni.navigateTo({
					url:"/pages/me/content/video?house_id="+$Id
				})
			},
			tel($mobile){
				uni.makePhoneCall({
					phoneNumber:$mobile
				})
				
			},
			//上传合同
			upload(){
			  
			   uni.chooseImage({
			       success: function(chooseImageRes) {
			           const tempFilePaths = chooseImageRes.tempFilePaths;
					 
										   uni.uploadFile({							   
											   url: 'http://api.yjzufang.com/api.php/center/upload', //仅为示例，非真实的接口地址
											   filePath: tempFilePaths[0],
											   name: 'file',			 								
											   success: function(res){
												 var re = JSON.parse(res.data);	  												  										
												 _self.agreement_image_relative = re.data
												 var siteurl = re.data
												  _self.agreement_image = 'http://120.77.150.65'+siteurl												
										   }
									   })
						}
			   });
			},
			getData(time) {
				_self.checktime = time
			},
			getData_deal(time) {
				_self.deal_time = time
			},
			inputRentername(e){
				this.rentername = e.detail.value
			},
			inputPhone(e){
				this.phone = e.detail.value
			},
			submit(){				
				let rentername = this.rentername
				let phone = this.phone
				let time = _self.checktime			
				if(!rentername){
					this.$refs.mpopup.open({
						type:'info',
						content:'请填写姓名',
						timeout:2000,
					});
					return false;
				}
				if(!phone){
					this.$refs.mpopup.open({
						type:'info',
						content:'请填写手机号',
						timeout:2000,
					});
					return false;
				}
				
				if(!time){
					this.$refs.mpopup.open({
						type:'info',
						content:'请填写看房时间',
						timeout:2000,
					});
					return false;
				}								
												
												
				uni.request({
					url: this.websiteUrl+'/api.php/house/houseVisitAdd',
					method: 'POST',
					header: {
						'content-type':'application/x-www-form-urlencoded'				  
					},
					data: {
						token:uni.getStorageSync('token'),
						house_id:_self.houseDetail.house_info.Id,
						renter_name:rentername,
						mobile:phone,
						visit_time:time
					},
					success:function(res) {
						if(res.data.code == 1){
							_self.$refs.mpopup.open({
									type:'success',
									content:res.data.msg,
									timeout:3000,
							});																																															
							_self.visible = false
							
							_self.gethouseDetail(_self.houseDetail.house_info.Id)
						     
						}else{
							_self.$refs.mpopup.open({
										type:'info',
										content:res.data.msg,
										timeout:2000,
							});
						}
						
					},					
				});
			},
			inputDealname(e){
			    this.deal_name = e.detail.value
			},	
			agreement_submit(){
				let deal_name = this.deal_name;				
				let deal_time = _self.deal_time
				let agreement_image = _self.imageListServer
				if(!deal_name){
					this.$refs.mpopup.open({
						type:'info',
						content:'请填写姓名',
						timeout:2000,
					});
					return false;
				}
				
				if(!deal_time){
					this.$refs.mpopup.open({
						type:'info',
						content:'请选择入住时间',
						timeout:2000,
					});
					return false;
				}
					
				if(agreement_image.length == 0){
					this.$refs.mpopup.open({
						type:'info',
						content:'请上传合同',
						timeout:2000,
					});
					return false;
				}
										
							
				uni.request({
					url: this.websiteUrl+'/api.php/house/addAgreement',
					method: 'POST',
					header: {
						'content-type':'application/x-www-form-urlencoded'				  
					},
					data: {
						token:uni.getStorageSync('token'),
						house_id:_self.houseDetail.house_info.Id,
						deal_name:deal_name,						
						in_time:deal_time,					
						agreement_images:agreement_image
					},
					success:function(res) {
						if(res.data.code == 1){							
							_self.$refs.mpopup.open({
									type:'success',
									content:res.data.msg,
									timeout:3000,
							});																																															
							_self.agreement_visible = false
								uni.navigateBack();  							
						}else{
							_self.$refs.mpopup.open({
										type:'info',
										content:res.data.msg,
										timeout:2000,
							});
						}
						
					},					
				});				
			},												
			checkDetail(){
				let list = document.getElementById('configList')
				list.style.height = 150 + 'px'
			},
			gethouseDetail($house_id){
				uni.request({
					url: this.websiteUrl+'/api.php/house/detail',
					method: 'POST',
					header: {
						'content-type':'application/x-www-form-urlencoded'						
					},
					data: {
						house_id:$house_id,
						token:uni.getStorageSync('token')
					},
					success: function(res){	
						if(res.data.code ==1){
							
							_self.houseDetail = res.data.data
							if(_self.houseDetail.house_info.status == '0'){
								_self.test = false
							}else{
								_self.agreementTime = _self.houseDetail.house_info.agreementTime
							}
							if(_self.houseDetail.house_info.agent_id != _self.houseDetail.login_person_id){
								_self.test2 = false
							}
							
						}
						if(res.data.code ==1000){
							uni.showToast({
								title:'该房源已下架',
								duration: 2000,
								icon:'none'
							})
							setTimeout(function(){ 
								uni.navigateBack({
									delta:1
								})																
							}, 2000);
							
							
							
						}
						
					},
					
				});
			
			},
			visit(){
				_self.visible = true
			},
			agreement(){
				_self.agreement_visible = true
			},
			
			chooseVideoImage(){
			    uni.showActionSheet({
			        title:"选择上传类型",
			        itemList: ['图片'],
			        success: (res) => {
			            //console.log(res)
			            //if(res.tapIndex == 0){
			            this.chooseImages()
			            //} else {
			              //  this.chooseVideo()
			            //}
			        }
			    })
			},
			chooseImages(){
			    // 上传图片
			    uni.chooseImage({
			        count: 4, //默认9
			        sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
			        sourceType: ['album','camera'], //从相册选择
			        success:(res)=> {
						 const tempFilePaths = res.tempFilePaths
			            this.imageList = this.imageList.concat(res.tempFilePaths);
			            
			            if(this.imageList.length == 4) {
			                this.VideoOfImagesShow = false
			            }
						uni.uploadFile({																	   
								url: 'http://api.yjzufang.com/api.php/center/upload', //仅为示例，非真实的接口地址
							 
								filePath:tempFilePaths[0],
								name:'file',
								success: function(res2){									
									 var re = JSON.parse(res2.data);									
									if(re.code ==1){									
										_self.imageListServer.push(re.data)							
									}
								}
						})						
			        }
			    });
			},
			chooseVideo(){
			    // 上传视频
			    console.log('上传视频')
			    uni.chooseVideo({
			        maxDuration:10,
			        count: 1,
			        camera: this.cameraList[this.cameraIndex].value,
			        sourceType: sourceType[this.sourceTypeIndex],
			        success: (res) => {
			            console.log(JSON.stringify(res.tempFilePath),'视频')
			            this.src = res.tempFilePath;
			           
			        }
			    })
			},
			previewImage: function(e) {
			    //预览图片
			    var current = e.target.dataset.src
			    uni.previewImage({
			        current: current,
			        urls: this.imageList
			    })
			},
			delect(index){
			    uni.showModal({
			        title: "提示",
			        content: "是否要删除该图片",
			        success: (res) => {
			            if (res.confirm) {
			                this.imageList.splice(index, 1)
			            }
			        }
			    })
			},
			delectVideo(){
			    uni.showModal({
			        title:"提示",
			        content:"是否要删除此视频",
			        success:(res) =>{
			            if(res.confirm){
			                this.src = ''
			            }
			        }
			    })
			},
			
			
			
		},		
	}
</script>
<style>
	.comm{float:left}
	
	.uni-uploader__input-box{
		width:160rpx;
		height: 160rpx;		
	    background:#F2F6F9;
		color:#AAAAAA;
		font-size:16rpx;
		line-height: 160rpx;
		text-align:center
	}
	
	.burst-wrap{
		
	    width: 100%;
	    height:100%;
		
	}
	 .burst-wrap .burst-wrap-bg{
	    position: relative;
	    width: 100%;
	    height: 320upx;
	  
	    border-bottom-right-radius: 80upx;
	    border-bottom-left-radius: 80upx;
	} 
	.burst-wrap .burst-wrap-bg>view{
	    width: 90%;
	    height: 100%;
	    margin: 0 auto;
	    position: absolute;
	    top: 65upx;
	    left: 0;
	    right: 0;
	}
	
	.form-item{
	    width: 100%;
	}
	.form-item textarea{
	    display: block;
	    height: 220upx;
	    width: 100%;
	    color: #AAAAAA;
	    font-size: 28upx;
	}
	.uni-uploader__file,.uploader_video{
	    position: relative;
	    z-index: 1;
	    width: 200upx;
	    height: 200upx;
	}
	.uni-uploader__img {
	    width: 200upx;
	    height: 200upx;
	}
	.icon-cuo {
	    position: absolute;
	    right: 0;
	    top: 5upx;
	    background: linear-gradient(90deg,rgba(251,91,80,1) 0%,rgba(240,45,51,1) 100%);
	    color: #FFFFFF;
	    z-index: 999;
	    border-top-right-radius: 20upx;
	    border-bottom-left-radius: 20upx;
	}
	.video{
	    width: 100%;
	    height: 100%;
	}
	
	.login-input-box{
	    position: relative;
	    border-bottom: 1upx solid #EEEEEE;
	}
	.login-input-box .forget,.login-input-box .phone{
	    position: absolute;
	    top: 0;
	    height: 100%;
	    z-index: 100;
	}
	.login-input-box .phone{
	    width: 100upx;
	    left: 0;
	    color: #666666;
	    font-weight: bold;
	}
	.login-input-box .phone-input{
	    padding-left: 100upx;
	}
	.address-wrap,.open-info{
	    margin-top: 20upx;
	}
	.open-info>view:last-child{
	    font-size: 28upx;
	    color: #999999;
	}
	.address-wrap .address {
	    background: #F2F2F2;
	    border-radius: 40upx;
	    padding: 0 20upx;
	}
	.user-set-btn{
	    margin: 40upx;
	    background: linear-gradient(90deg,rgba(251,91,80,1) 0%,rgba(240,45,51,1) 100%);
	    color: #FFFFFF;
	    text-align: center;
	    height: 88upx;
	    line-height: 88upx;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	swiper{
		width: 750upx;
		height:720upx
	}
	swiper-item{
		width: 750upx;
		height:720upx
	}
	.swiper-image{  
	    width:750upx;  
	    height:720upx; 
	} 
	.content{
		position: relative;
		width: 100%;
		height: 100upx;
		background: #FFFFFF;
		border-radius: 20upx 20upx 0 0;
		z-index: 9;
	}
	.tip{
		position: absolute;
		top: -35upx;
		left: 0;
		width: 100%;
		height: 20upx;
		background: #FFFFFF;
		border-radius: 20upx 20upx 0 0;
	}
	.con_head{
		padding-bottom: 20upx;
		background: #FFFFFF;
	}
	.con_head .name{
		width: 90%;
		margin: 20upx auto 10upx;
		font-size: 40upx;
		line-height: 56upx;
	}
	.con_head .address{
		width: 90%;
		margin: 0 auto ;
		font-size: 24upx;
		line-height: 34upx;
	}
	.con_head .price{
		width: 90%;
		margin: 20upx auto;
		color: #FF635C;
		font-size: 48upx;
		line-height: 58upx;
	}
	.con_head .price text{
		padding-left: 10upx;
		color: #000000;
		font-size: 24upx;
	}
	.tags{
		display: flex;
		width: 90%;
		margin: 20upx auto;
	}
	.tags .tag{
		margin-right: 40upx;
		width: 160upx;
		height: 50upx;
		border-radius: 25upx;
		background: #F6F5FA;
		font-size: 28upx;
		line-height: 50upx;
		text-align: center;
	}
	.houseProperty{
		display: flex;
		width: 90%;
		margin: 40upx auto;
	}
	.houseProperty .property{
		width: 25%;
		text-align: center;
	}
	.houseProperty .property .top{
		font-size: 34upx;
	}
	.houseProperty .property .bottom{
		margin-top: 20upx;
		color: #999999;
		font-size: 26upx;
	}
	.con_mid{
		overflow: hidden;
		margin-top: 20upx;
		background: #FFFFFF;
	}
	.houseInfo{
		width: 90%;
		margin: 20upx auto 0;
		font-size: 32upx;
		line-height: 80upx;
	}
	.houseIntroduction{
		width: 90%;
		margin: 0 auto;
		padding-bottom: 40upx;
		font-size: 28upx;
		line-height: 48upx;
		border-bottom:solid 1px #EEEEEE;
	}
	.houseConfig{
		display: flex;
		justify-content: space-between;
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding-bottom: 40upx;
		border-bottom: solid 1px #EEEEEE;
	}
	.houseConfig .configList{
		
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		
	}
	.houseConfig .configItem{
		width: 20%;
		margin-top:25rpx
		
	}
	.houseConfig .configItem .top{
		display: flex;
		justify-content: center;
	}
	.houseConfig .configItem .top image{
		width: 70upx;
		height: 70upx;
	}
	.houseConfig .configItem .bottom{
		margin-top: 20upx;
		font-size: 24upx;
		text-align: center;
	}
	.houseConfig .configButton{
		width: 20%;
		text-align: center;
	}
	.houseConfig .configButton image{
		width: 70upx;
		height: 70upx;
	}
	.host{
		display: flex;
		justify-content: space-between;
		width: 90%;
		padding-bottom: 40upx;
		margin: 40upx auto 0;
		border-bottom: solid 1px #EEEEEE;
	}
	.host .left{
		display: flex;
		width: 50%;
	}
	.host .left image{
		width: 65upx;
		height: 65upx;
		border-radius: 50%;
	}
	.host .left .text{
		padding-left: 20upx;
		font-size: 32upx;
		line-height: 65upx;
	}
	.host .right{
		display: flex;
		justify-content: flex-end;
		width: 50%;
	}
	.host .right .hostPage{
		width: 150upx;
		height: 60upx;
		color: #999999;
		font-size: 26upx;
		text-align: center;
		line-height: 60upx;
		
		border: solid 1px #EEEEEE;
		border-radius: 30upx;
	}
	.visitList{
		width: 90%;
		margin: 0 auto;
	}
	.visitList .visitItem{
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin: 10upx 0;
	}
	.visitList .visitItem .left{
		width: 50%;
		font-size: 28upx;
		line-height: 40upx;
	}
	.visitList .visitItem .right{
		widows: 50%;
		font-size: 28upx;
		line-height: 40upx;
	}
	.con_bottom{
		margin-top: 20upx;
		padding-bottom: 80upx;
		background: #FFFFFF;
	}
	.con_bottom .status{
		padding-top: 20upx;
		color: #AAAAAA;
		font-size: 34upx;
		line-height: 50upx;
		text-align: center;
	}
	.con_bottom .statusTime{
		color: #AAAAAA;
		font-size: 26upx;
		text-align: center;
		line-height: 40upx;
	}
	
	.edit{
		width:100%;
		height: 120rpx;
		position:relative;
		margin-top: 20upx;
		padding-bottom: 80upx;
		background: #FFFFFF;
	}
	
	.edit .left{
		width:120rpx;
		height: 92rpx;
		position:absolute;
		text-align: center;
		left:34rpx;
		top:16rpx;
	}
	
	.edit .left image{
		
		width:48rpx;
		height:48rpx;		
	}
	
	.edit .left view{
		text-align: center;
		width:100%;
		font-size:24rpx;
		color:#4F5861;
	}
	.edit .mid{
		width:224rpx;
		height: 92rpx;
		background:#F89572;
		border-radius:16rpx;
		line-height: 92rpx;
		text-align:center;
		font-size:32rpx;
		color:white;
		position:absolute;
		left:190rpx;
		top:16rpx
	}	
	
	.edit .right{
		width:288rpx;
		height:92rpx;
		background:#15BD81;
		border-radius:16rpx;
		line-height: 92rpx;
		text-align:center;
		font-size:32rpx;
		color:white;
		position:absolute;
		left:434rpx;
		top:16rpx
	}
	
	.visit-nav{
		width:100%;
		height: 128rpx;
		line-height: 128rpx;
		position:relative;
	}
	.visit-nav image{
		width:16rpx;
		height:28rpx;
		position:absolute;
		left:32rpx;
		top:46rpx;
		
		float:left;
	}
	.visit-nav .title{
		width:210rpx;
		height:30rpx;
		position:absolute;
		left:270rpx;
		
		font-size:34rpx;
		color:#373737;
		float:left;
	}
	
	.visit-nav .submit{
		width:70rpx;
		height: 30rpx;
		position:absolute;
		right:40rpx;
		
		font-size:34rpx;
		color:#FF984C;
		float:left;
	}
	
	.tips{
		width:100%;
		height:60rpx;
		background: #F8F8FA;
		font-size:28rpx;
		line-height: 60rpx;
	    color:#AAAAAA;
		padding-left:28rpx;
	}
	
	.one{
		width:100%;
		height: 128rpx;
		position:relative
	}
	.one view{
		width:auto;
		height: auto;
		line-height: 128rpx;
		position:absolute;
		left:30rpx;
		font-size:30rpx;
		color:#373737;
	}
	.one input{
		width:530rpx;
		height:128rpx;
		position:absolute;
		right:0rpx;
	}
	.one .time{
		width:530rpx;
		height:128rpx;
		position:absolute;
		right:0rpx;
		line-height: 128rpx;
	}
	.agreement{
		width:224rpx;
		height: 90rpx;
		background: #F89572;
		border-radius:16rpx;
		text-align:center;
		line-height: 90rpx;
		color:white
	}
	.agreement_image{
		width:300rpx;
		height: 200rpx;
	}
	
	
	
	
	
	
</style>
